<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Jóvenes Hoy</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="" />
		<meta name="author" content="">
		<meta name="keywords" content="" />
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
		<!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
	</head>
	
	<body>
		<header>
			<a href="index.html"><img src="img/logo_01.png" alt="Jóvenes Hoy"></a>
		</header>
		
		<nav>
			<a>Mostrar Navegación</a>
			<ul>
				<li><a href="index.html">Inicio</a></li>
				<li class="mas">
					<a href="temas.html">Tus dudas y preguntas</a>
					<div class="menu">
						<div class="menu_body">
							<ul class="menu_tabs">
								<li>&#32;</li>
								<li>&#32;</li>
							</ul>
							<div class="nav_slider">
								<img src="photos/preguntas.png" alt="">
								<img src="photos/preguntas_2.png" alt="">
							</div>
							<p class="menu_title">Temas más consultados</p>
							<ul>
								<li><input type="checkbox">ABC</li>
								<li><input type="checkbox">Aborto</li>
								<li><input type="checkbox">Abstinencia</li>
								<li><input type="checkbox">Adolescencia</li>
								<li><input type="checkbox">Amistad</li>
								<li><input type="checkbox">Amor</li>
								<li><input type="checkbox">Anatomía</li>
								<li><input type="checkbox">Aprendizaje</li>
								<li><input type="checkbox">Asertividad</li>
								<li><input type="checkbox">Billings</li>
							</ul>
							<ul>
								<li><input type="checkbox">Ciclo menstrual</li>
								<li><input type="checkbox">Comienzo de la vida</li>
								<li><input type="checkbox">Compensación de riesgo</li>
								<li><input type="checkbox">Deporte</li>
								<li><input type="checkbox">Educación</li>
								<li><input type="checkbox">Embarazo</li>
								<li><input type="checkbox">Embriones</li>
								<li><input type="checkbox">Embrión</li>
								<li><input type="checkbox">Enamoramiento</li>
								<li><input type="checkbox">Erección</li>
							</ul>
						</div>
						<p>
							<a class="ver" href="temas.html">ver todos los temas</a>
							<a class="ver seleccion" href="dudas-y-preguntas.html">ver seleccionados</a>
						</p>
					</div>
				</li>
				<li><a href="musica-y-videos.html">Música y videos</a></li>
				<li class="mas">
					<a href="recursos.html">Recursos</a>
					<div class="menu">
						<div class="menu_body">
							<ul class="menu_tabs">
								<li>&#32;</li>
								<li>&#32;</li>
							</ul>
							<div class="nav_slider">
								<img class="placeholder" src="photos/recursos_01.png" alt="">
								<img src="photos/recursos_01.png" alt="">
								<img src="photos/recursos_02.png" alt="">
							</div>
							<p class="menu_title alt">Recursos del libro</p>
							<ul>
								<li class="r_video"><a href="recursos-310.html">(310) Observa en este vídeo la anatomía del aparato reproductor masculino</a></li>
								<li class="r_video"><a href="#">(312) Observa en este vídeo la anatomía del aparato reproductor femenino</a></li>
								<li class="r_in"><a href="#">(318) Cambios durante el embarazo</a></li>
								<li class="r_in"><a href="#">(322) Unidad didáctica 7.1: Averigua lo que sabes</a></li>
								<li class="r_doc"><a href="#">(323) Tema 7.1: Ideas claras</a></li>
							</ul>
							<ul>
								<li class="r_in"><a href="#">(326) Investiga en esta webquest qué puedes hacer ante un embarazo no esperado</a></li>
								<li class="r_video"><a href="#">(328) Observa en esta animación los diversos mecanismos de acción de la píldora del día después</a></li>
								<li class="r_in"><a href="#">(330) Observa en este interactivo cómo es el virus del sida y cómo destruye nuestras defensas</a></li>
								<li class="r_doc"><a href="#">(335) En una actividad sobre las técnicas de reproducción asistida...</a></li>
							</ul>
						</div>
						<p>
							<a class="ver" href="recursos.html">ver todos los temas</a>
						</p>
					</div>
				</li>
				<li><a href="#">Buscar</a></li>
			</ul>
		</nav>
		
		<div id="content">
			<div id="main" class="no_padding">
				<div id="video">
					<img src="photos/video_01.jpg" alt="">
				</div>
				<div id="info_video">
					<h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h1>
					<p>
						Los contenidos de gestionados por el Programa Educación
						de la afectividad y de la sexualidad humana.
					</p>
					<p class="tags">
						<b>Palabras Clave: </b><a>Aborto</a>, <a>Embarazo</a>
					</p>
					<a class="mas">&#32;</a>
				</div>
			</div>
		</div>
		
		<section>
			<div class="col">
				<article>
					<img class="f-left" src="photos/cuadro_01.png" alt="">
					<div>						
						<p>lasueca.com</p>
						<p class="fecha">
							09 de febrero
						</p>
						<h2 class="n1">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h2>
						<p>
							Los contenidos de gestionados por el Programa Educación
							de la afectividad y de la sexualidad humana.
						</p>
						<a class="mas">&#32;</a>
					</div>
				</article>
				<div class="cuadro">
					<img src="photos/cuadro_02.png" alt="">
					<div>												
						<p>fadexo.com/noticias</p>
						<p class="fecha">
							09 de febrero
						</p>
						<p>
							Lorem ipsum dolor sit amet, consectetur adipiscing elit
						</p>
					</div>
				</div>
			</div>			
			<div class="col">
				<article>
					<div>
						<p>lasueca.com</p>
						<p class="fecha">
							12 de febrero
						</p>
						<h2 class="n2">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h2>
						<p>
							Los contenidos de gestionados por el Programa Educación
							de la afectividad y de la sexualidad humana.
						</p>
						<a class="mas">&#32;</a>
					</div>
				</article>
				<article>
					<div>
						<p>lasueca.com</p>
						<p class="fecha">
							12 de febrero
						</p>
						<h2 class="n3">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h2>
						<p>
							Los contenidos de gestionados por el Programa Educación
							de la afectividad y de la sexualidad humana.
						</p>
						<a class="mas">&#32;</a>
					</div>
				</article>
			</div>
			<div class="col">
				<div class="tag_box">
					<article>
						<h2><a href="articulo.html">Amigos con derecho a roce</a></h2>
						<p>
							Lorem ipsum dolor sit amet, consectetur adipiscing elit.
							Vestibulum suscipit sodales suscipit.
						</p>
						<p class="tags">
							<b>Palabras Clave: </b><a>Aborto</a>, <a>Embarazo</a>
						</p>
					</article>
					<article>
						<h2><a href="articulo.html">Tema 9: Ideas Claras</a></h2>
						<p>
							Lorem ipsum dolor sit amet, consectetur adipiscing elit.
							Vestibulum suscipit sodales suscipit.
						</p>
						<p class="tags">
							<b>Palabras Clave: </b><a>Aborto</a>, <a>Embarazo</a>
						</p>
					</article>
					<article>
						<h2><a href="articulo.html">Tema 9: Averigüa lo que sabes</a></h2>
						<p>
							Lorem ipsum dolor sit amet, consectetur adipiscing elit.
							Vestibulum suscipit sodales suscipit.
						</p>
						<p class="tags">
							<b>Palabras Clave: </b><a>Aborto</a>, <a>Embarazo</a>
						</p>
					</article>
				</div>
			</div>
		</section>
		
		<footer>
			&copy; 2013 Educar hoy. Todos los derechos reservados.
			<ul>
				<li><a class="n1" target="_blank" href="http://www.joveneshoy.org/rss">&#32;</a></li>
				<li><a class="n2" target="_blank" href="http://www.flickr.com/photos/51095154@N05/">&#32;</a></li>
				<li><a class="n3" target="_blank" href="http://twitter.com/JokindeIrala">&#32;</a></li>
				<li><a class="n4" target="_blank" href="http://www.facebook.com/profile.php?id=100001003494610">&#32;</a></li>
			</ul>
		</footer>
		
		<!-- Javascript -->
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="js/jquery.tweet.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
		<script type="text/javascript" src="js/respond.min.js"></script>
	</body>
</html>